@media screen, projection{
    /*** 
     * Reset stylesheet for Phillips highlight.
     * Essentially, we're resetting everything below div#highlight_module to allow authors' intent from that point forward.
     * 
     * Compressed from ./reset.css. If you need to make a change, make it there, compress it, and place it here.
     */
    
     /**
	 MB 2/5/2010
	 When updating changesets from Molecular be sure to repath the images as follows :
	 
	  ./img/
	 ../../images/lighting/molecular/
	**/
	
    /***
     * Resets from Philips stylesheets.
     */
    div#highlight_module.clearfix, div#highlight_module .clearfix{ padding-bottom:0 !important; }
    div#highlight_module h1{ padding:0 !important; }
    
    /***
     * General resets.
     */
    div#highlight_module{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:70%; color:#252F47;line-height:17px;margin:0 auto;text-align:left !important;background-color:#000000;line-height:1}
    div#highlight_module div,div#highlight_module span,div#highlight_module h1,div#highlight_module h2,div#highlight_module h3,div#highlight_module h4,div#highlight_module h5,div#highlight_module h6,div#highlight_module p,div#highlight_module blockquote,div#highlight_module a,div#highlight_module em,div#highlight_module img,div#highlight_module strong,div#highlight_module dl,div#highlight_module dt,div#highlight_module dd,div#highlight_module ol,div#highlight_module ul,div#highlight_module li,div#highlight_module fieldset,div#highlight_module form,div#highlight_module label,div#highlight_module legend,div#highlight_module table,div#highlight_module tbody,div#highlight_module tfoot,div#highlight_module thead,div#highlight_module tr,div#highlight_module th,div#highlight_module td{border:0;outline:0;font-size:12px;line-height:14px;vertical-align:baseline;background:transparent;margin:0;padding:0}
    div#highlight_module strong,div#highlight_module th,div#highlight_module h1,div#highlight_module h2,div#highlight_module h3,div#highlight_module h4,div#highlight_module h5,div#highlight_module h6{font-weight:bold}
    div#highlight_module ol,div#highlight_module ul{list-style:none;list-style-image:none}
    div#highlight_module table{border-collapse:collapse;border-spacing:0}
    div#highlight_module button{background-color:transparent;border:none;outline:none;overflow:visible;padding:0;width:auto;}
    .ie7 img{-ms-interpolation-mode:bicubic} 
               
    div#highlight_module{
        position:relative;
        text-align:left;
        width: 720px;
    }
    
    div#highlight_module div#hero_image img{
        left:0;
        position:absolute;
        top:0;    
    }
            
        /***
         * Variant A
         */
        div#highlight_module.variant_a.full{
            height:450px;
        }
        
        div#highlight_module.variant_a.short{
            height:350px;
        }
        
        div#highlight_module.variant_a div#hero_image{
            height:100%;
            overflow:hidden;
            position:relative;
        } 
        
        div#highlight_module.variant_a div#hero_image img{
            width:100%;
        }     
    
        div#highlight_module.variant_a div#copy_container{
            background:url(../../_imgs/bg_hero_area.png) no-repeat;
            bottom:10px;
            height:75px;
            left:10px;
            padding:20px 25px;
            position:absolute;  
            width:890px;      
        }
        
        div#highlight_module.variant_a h1, div#highlight_module.variant_a h2{
            font-weight:normal;   
        }
        
        div#highlight_module.variant_a h1, div#highlight_module.variant_a h1 *{          
            font-size:36px; 
            line-height:110%;       
        }
        
            div#highlight_module.variant_a h1{            
                margin-bottom:15px;              
            }
        
            div#highlight_module.variant_a h1 a, div#highlight_module.variant_a h2 a{
                text-decoration:none;
            }
        
        div#highlight_module.variant_a div#copy_area{
            bottom:20px;
            position:absolute;
        }
        
            div#highlight_module.variant_a div#copy_area h2, div#highlight_module.variant_a div#copy_area h2 span{
                font-size:20px; 
                line-height:110%;
            }
        
        div#highlight_module.variant_a div#cta{
            bottom:40px;
            position:absolute;        
            right:25px;
        }
        
        div#highlight_module.variant_a p#secondary_copy{
            font-size:10px;
            position:absolute;
            right:25px;
            bottom:20px;
        }
        
        
            
        /***
         * Variant C
         */
        div#highlight_module.variant_c{
            height:450px;
        }
        
            div#highlight_module.variant_c h1, div#highlight_module.variant_c h2, div#highlight_module.variant_c div#copy_area{        
                color:#222A41;
            }    
        
        /***
         * Image-only variant.
         */
        
        div#highlight_module.variant_c.image div#hero_image{
            height:100%;
            left:0;
            overflow:hidden;
            position:absolute;
            top:0;
            width:100%;
        }
        
            div#highlight_module.variant_c.short div#hero_image{    
    /* Removed -- Text over image enhancement.
                height:347px;
                margin-bottom:10px;
    */
                height:100%;
                overflow:hidden;
                position:relative;
                width:100%;
            }

            div#highlight_module.variant_c div#hero_image img{        
                height:auto;
                width:720px;    
            }
    
    /* Changed -- Text over image enhancement. 
        div#highlight_module.variant_c.full.image div#copy_container{
    */
        div#highlight_module.variant_c.full.image div#copy_container, div#highlight_module.variant_c div#info_container{
            background:url(../../_imgs/bg_hero_area.png) no-repeat right 0;
            bottom:0px;
            height:95px;
            left:0px;
            padding:0px;
            position:absolute;
            z-index:2; 
            width: 720px;    
        }
    
    /* Added -- Text over image enhancement. */
        div#highlight_module.variant_c div#info_container{
            bottom:0;
            left:0;
            padding:5px 0px;
        }
        
        div#highlight_module.variant_c div#cta{
            float:left;  
            margin-right:10px;      
        }
        
            div#highlight_module.variant_c div#cta.empty{
                margin:0;    
            }
    
        /***
         * Flash/image hybrid variant.
         */        
        div#highlight_module.variant_c.short div#copy_container{
            float:left;
            padding-left:45px; 
            width:250px;  
        }
    
        div#highlight_module.variant_c.short div#carousel_container{
            float:left;
    /* Changed -- Text over image enhancement.        
            margin:25px 0 0 50px; 
    */
            height:80px;
            margin:15px 0 0 80px;
            position:relative;
            width:580px;  
        }
        
        div#highlight_module.variant_c div#video_thumb{
            float:left;
            height:50px;
            margin-right:15px;
            position:relative;
            width:50px;       
        }
        
            div#highlight_module.variant_c div#video_thumb img{
                border:1px solid #FFF;
                height:45px;
                position:absolute;
                width:45px;    
            }
            
            div#highlight_module span.play_button{
                background:url(../../_imgs/icon_play-button.png) no-repeat;
                height:34px;
                left:8px;
                position:absolute;
                top:9px;  
                width:33px;
                z-index:17;                 
            }
                        
        /*
         * Brightcove Flash video
         */
        div#highlight_module.variant_c.brightcove{
            height:516px;    
        }
        
            div#highlight_module.variant_c.brightcove div#hero_image{
                height:412px;    
                text-align:center;    /* cheat to center Brightcove Object */
            }  
    
        /***
         * Other Variant C styles.
         */    
        div#highlight_module.variant_c div#copy_area{ margin-bottom:5px; }
        
        div#highlight_module.variant_c h1{
            color:#5D6678;
            font-size:14px; 
            line-height:110%; 
            margin-bottom:10px;   
        }
        
        div#highlight_module.variant_c h2{
            color:#5D6678;
            font-weight:normal;          
    	    line-height:110%;    
        }
        
        div#highlight_module.variant_c p#secondary_copy{ 
            float:left;
            font-size:10px;
            width:40%;    
        } 
        
            div#highlight_module.variant_c.full p#secondary_copy{ 
                width:155px;
            }
        
        div#highlight_module div.jcarousel-clip{ 
        	float:left;
            padding-top:25px;
            top:-25px;        
        }    
        
        /***
         * Carousels.
         */ 
         ul#highlight_carousel li{
             height:50px;
             float:left;
             margin:0 2px;         
             position:relative;
             width:50px;
         }  
                      
             ul#highlight_carousel li a{
                 position:relative;                 
                 z-index:22;                 
             } 
         
             ul#highlight_carousel li img, #video_thumb img{  
                 border:1px solid #FFF; 
                 top:0;  
                 height:45px;
                 position:absolute;
                 width:45px; 
                 z-index:15
             }
             
             div#highlight_module span.shadow_off{
                 background:url(../../images/lighting/molecular/highlight/carousel_item_bg_off.png) no-repeat;
                 top:1px;
                 display:block;
                 height:51px;
                 left:1px;
                 position:absolute;
                 width:52px;
                 z-index:14;
             }

                 div#highlight_module .active span.shadow_off{
                     display:none;        
                 }

             div#highlight_module span.shadow_on{
                 background:url(../../images/lighting/molecular/highlight/carousel_item_bg_on.png) no-repeat;
                 display:none;
                 height:85px;
                 position:absolute;                                  
                 width:85px;
             }   
             
                 div#highlight_module .active span.shadow_on{             
                     display:block;
                     opacity:0;                     
                 }
                 
                     div#highlight_module.ie6 .active span.shadow_on, div#highlight_module.ie7 .active span.shadow_on, 
                     div#highlight_module.ie8 .active span.shadow_on, div#highlight_module.ie9 .active span.shadow_on{
                         visibility:hidden;
                     }             
             
        div#highlight_module div.jcarousel-clip{ 
            height:75px;
            position:relative;
            width:455px;
        }          
    
        div#highlight_module span.carousel_shadow{
            height:88px;
            position:absolute;
            top:-19px;
            width:9px;    
            z-index:99;
        }
        
            div#highlight_module span.carousel_shadow_left{
                background:url(../../_imgs/highlight_sprites.png) no-repeat 0 0;                
            }
    
            div#highlight_module span.carousel_shadow_right{
                background:url(../../_imgs/highlight_sprites.png) no-repeat 0 -113px;    
            }   
        /***
         * Calls-to-action
         */
        div#cta table.highlight_module-button{
            border:0;
            border-collapse:collapse;
            cursor:pointer;
            cursor:hand;
            line-height:110%;
            height:27px;
            margin-top: 20px;
        }
        
        div#cta table.highlight_module-button tr{
            vertical-align:top;    
        }
        
        div#cta table.highlight_module-button td{
            background:url(../../_imgs/but_highlight_module_right.png) no-repeat right 0;
            padding-right:19px;
            text-align:center;
            white-space:nowrap;  
        }
        
        div#cta table.highlight_module-button div{
            background:url(../../_imgs/but_highlight_module.png) no-repeat 0 0;
            height:23px;
            padding:4px 10px 0 15px;
        }
        
        div#cta table.highlight_module-button a, div#cta table.highlight_module-button a:link, div#cta table.highlight_module-button a:hover,
            div#cta table.highlight_module-button a:active, div#cta table.highlight_module-button a:visited{
            color:#fff !important;
            text-decoration:none !important;    
        }
        
        /***
         * Misc. Elements
         */    
        div#highlight_module div#hero_highlight{
            background:#FFF;
            height:100%;
            left:0;
            position:absolute;
            top:0;
            width:100%;
            z-index:2;
        }
        
        div#loader__{
            background:url(../../_imgs/loader.gif) no-repeat;
            height:32px;
            position:absolute;
            width:32px;
            z-index:99;
        }
        
        div.tooltip{
            color:#252F47;
            font:10px/14px Verdana, Arial, Helvetica, sans-serif;
            left:-10000px;
            position:absolute;
            z-index:999;
        }
        
        div.tooltip div.bd{
            background:url(../../_imgs/highlight_sprites.png) no-repeat 0 -261px;
            padding:2px 10px;
            width:102px;
        }

        div.tooltip div.ft{    
            background:url(../../_imgs/highlight_sprites.png) no-repeat 0 -226px;
            height:10px;
            width:122px;        
        }
            
        div#highlight_module a#navigation_carousel_next, div#highlight_module a#navigation_carousel_prev{
            display:none;
            float:left;
            height:22px;
            position:relative;
            text-indent:-4000px;
            top:14px;
            width:22px;
        }
        
        div#highlight_module a#navigation_carousel_next{
            background:url(../../_imgs/highlight_sprites.png) no-repeat 0 -840px;
            margin-left:5px;
        }
        
        div#highlight_module a#navigation_carousel_prev{
            background:url(../../_imgs/highlight_sprites.png) no-repeat 0 -887px;
            margin-right:5px;
        }    
    /**
     * jCarousel CSS
     * This <div> element is wrapped by jCarousel around the list
     * and has the classname "jcarousel-container".
     */
    div#highlight_module .jcarousel-container{
        position: relative;
    }
    
    div#highlight_module .jcarousel-clip{
        z-index: 2;
        padding: 0;
        margin: 0;
        overflow: hidden;
        position: relative;
    }
    
    div#highlight_module .jcarousel-list{
        z-index: 1;
        position: relative;
        top: 0;
        left: 0;
        margin: 0;
        padding: 0;
    }
    
    div#highlight_module .jcarousel-list li,
    div#highlight_module .jcarousel-item{
        float: left;
        list-style: none;
    }
    
    /**
     * The buttons are added dynamically by jCarousel before
     * the <ul> list (inside the <div> described above) and
     * have the classnames "jcarousel-next" and "jcarousel-prev".
     */
    div#highlight_module .jcarousel-next{
        z-index: 3;
        display: block;
        position:absolute;
        bottom:0px;
        right:0;
    }
    
    div#highlight_module .jcarousel-prev{
        z-index: 3;
        display: block;
        bottom:0px;
        position:absolute;
        left:0;
    }
            
 
     